<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta http-equiv="pragma" content="no-cache" />
    <meta http-equiv="cache-control" content="no-cache" />
    <meta http-equiv="expires" content="0" />
    <div th:insert ="/demo/include/base::commHead"></div>
    <title>弹出展示</title>
</head>

<body class="ht">
<!--初始化loading加载完成才会自动关闭，避免误点击-->
<div th:insert="base::loading"></div>
<div class="content-wrapper">
    <div style="line-height: 2em;">
        <p>
            <a onclick="ht.loading.open()">打开loading</a>
        </p>
        <p>
            <a onclick="ht.loading.close()">关闭loading</a>
        </p>
    </div>

    <a href="detail" role="autoOpenFrameWindow" class="limited" >自动弹出窗口</a>


    <div class="ht-dialog" role="autoOpenDialog">
        <div class="wrapper">
            <h4 class="title">提示</h4>
            <a class="ht-closeButton">close</a>
            <div class="content">
                提示auto
            </div>
        </div>
    </div>
<!--
    <div class="ht-dialog rightBottom" role="autoOpenDialog">
        <div class="wrapper">
            <h4 class="title">提示</h4>
            <a class="ht-closeButton">close</a>
            <div class="content">
                提示rightBottom
            </div>
        </div>
    </div>
-->


    <div style="line-height: 2em;">
        <p>
            <a href="#dialog_0" role="openDialog">打开dialog</a>
        </p>
    </div>

    <div class="ht-dialog" id="dialog_0">
        <div class="wrapper">
            <h4 class="title">提示</h4>
            <a class="ht-closeButton">close</a>
            <div class="content">
                提示内容
            </div>
        </div>
    </div>
</div>
</body>
</html>